<template>
	<div class="base">
		<div v-for="item in list">
			<opt :name="item"></opt>
		</div>
	</div>
</template>

<script setup lang="ts"> 
import opt from '../../conpnoent/opt.vue'
import {getOption} from '../../api/api'
import { ref } from 'vue'

const list = ref<string[]>([])

function getList(){
	getOption().then(res=>{
		list.value = res
	})
}
getList()
</script>

<style scoped> 
.base{
    width: 100vw;
    height: 100vh;
	overflow: scroll;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-image: linear-gradient(to right, #fbc2eb, #a6c1ee);
}
</style>